.button, #toTop, #toTopHover {
  -webkit-transition: all .5s linear 0s;
  -moz-transition: all .5s linear 0s;
  -o-transition: all .5s linear 0s;
  -ms-transition: all .5s linear 0s;
  transition: all .5s linear 0s; }

@font-face {
  font-family: "宋体";
  src: url(./../assets/fonts/d3cef04.ttf); }

@font-face {
  font-family: "宋体";
  src: url(./../assets/fonts/20720c3.otf); }

ul {
  padding: 0; }

li {
  list-style: none; }

a:hover {
  text-decoration: none; }

p {
  margin: 0; }

.flex-row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row; }

.spacer {
  width: 1px;
  height: 100%; }

.no-padding {
  padding: 0; }

.button {
  padding: 5px 10px;
  background: #0080e9;
  border: none;
  color: #fff;
  font-size: 12px; }

.m-display {
  width: 100%;
  text-align: center; }
  .m-display > .display-header {
    padding: 40px 0; }
    .m-display > .display-header > .title-ch {
      position: relative;
      color: #727171;
      font-weight: 300;
      letter-spacing: 3px;  }
      .m-display > .display-header > .title-ch:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        background: #ded4d4;
        z-index: 0; }
      .m-display > .display-header > .title-ch > span {
        position: relative;
        z-index: 1;
        background: #fff;
        padding: 0 15px; }
    .m-display > .display-header > .title-en {
      color: #969696;
      font-family: "宋体"; }
      .m-display > .display-header > .title-en > span {
        color: #0080e9; }

#toTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  width: 40px;
  height: 40px;
  text-decoration: none;
  overflow: hidden;
  border: none;
  text-indent: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAMAAABcUcfzAAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABqamoAAAAAAADBwcHNzc0AAAAAAAAAAADX19c/Pz+RkZGjo6Ps7OyxsbHz8/PU1NT39/fl5eXs7Oz///89dG4eAAAAHHRSTlMADxAaJicwMTNBQl9pd3l6gIWIoqqts8nM1t3miQ4JEwAAAMtJREFUeNrt1T0PgyAAhOGzBUWxitraL/7/72wdSBwu5EZjeCeGJ2EhB4DKNC5bYyr8uzqhK1A5qQpGgwa1Bms4sQIPANteg+07TgQyF4kEcY+JSBDnHJFgjkkQl2QG3jaX5DN3db87tuWZnQzWmmvkIZWnWR974CJ+H7B+DNlGbzbXBaEOMEHKwmvQY9DggCBW4AHgvGhw/saVQOYikSDutRIJ4kIgEswxCeKSzMD75pL85K5edse5PLOTwUFzoz6kVoNWHXvx+7DAD/lLmAsaEPavAAAAAElFTkSuQmCC) no-repeat left top; }
  #toTop:hover > #toTopHover {
    opacity: 1; }

#toTopHover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAMAAABcUcfzAAAAV1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABqamoAAAAAAADBwcHNzc0AAAAAAAAAAADX19c/Pz+RkZGjo6Ps7OyxsbHz8/PU1NT39/fl5eXs7Oz///89dG4eAAAAHHRSTlMADxAaJicwMTNBQl9pd3l6gIWIoqqts8nM1t3miQ4JEwAAAMtJREFUeNrt1T0PgyAAhOGzBUWxitraL/7/72wdSBwu5EZjeCeGJ2EhB4DKNC5bYyr8uzqhK1A5qQpGgwa1Bms4sQIPANteg+07TgQyF4kEcY+JSBDnHJFgjkkQl2QG3jaX5DN3db87tuWZnQzWmmvkIZWnWR974CJ+H7B+DNlGbzbXBaEOMEHKwmvQY9DggCBW4AHgvGhw/saVQOYikSDutRIJ4kIgEswxCeKSzMD75pL85K5edse5PLOTwUFzoz6kVoNWHXvx+7DAD/lLmAsaEPavAAAAAElFTkSuQmCC) no-repeat left -40px;
  width: 40px;
  height: 40px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0; }

.products-display-cover {
  height: 300px;
  background: url(assets/images/display_cover.jpg) no-repeat center;
  background-size: cover; }
  .products-display-cover .cover-title {
    color: #0080e9;
    font-family: "宋体"; }
  .products-display-cover h3 {
    font-family: '宋体' !important; }

.breadcrumb {
  padding: 9px 15px;
  border-radius: 0; }
  .breadcrumb > li + li:before {
    content: "\F105";
    padding: 0 5px;
    color: #ccc; }
  .breadcrumb a, .breadcrumb li {
    color: #898989; }
.navbar-nav > li:after, .navbar-nav .active:after {
  -webkit-transition: all .5s linear 0s;
  -moz-transition: all .5s linear 0s;
  -o-transition: all .5s linear 0s;
  -ms-transition: all .5s linear 0s;
  transition: all .5s linear 0s; }

/* @info header
 * ----------------------------
 */
.top-header {
  height: 35px;
  padding: 10px 0;
  font-size: 12px;
  background: -webkit-linear-gradient(to right, #00d39f 0%, #3bb4f3 40%);
  background: -o-linear-gradient(to right, #00d39f 0%, #3bb4f3 40%);
  background: -moz-linear-gradient(to right, #00d39f 0%, #3bb4f3 40%);
  background: linear-gradient(to right, #00d39f 0%, #3bb4f3 40%); }
  .top-header p, .top-header a {
    color: #fff; }
  .top-header a:hover {
    color: #0080e9; }

/* logo & contact */
.logo-contact {
  height: 100px;
  background: -webkit-linear-gradient(left, #00d39f 5%, #0080e9 55%);
  background: -o-linear-gradient(left, #00d39f 5%, #0080e9 55%);
  background: -moz-linear-gradient(left, #00d39f 5%, #0080e9 55%);
  background: linear-gradient(to right, #00d39f 5%, #0080e9 55%); }
  .logo-contact > .flex-row {
    justify-content: space-between;
    align-items: center;
    height: 100%; }
  .logo-contact p, .logo-contact a {
    color: #fff; }

.logo {
  width: 175px; }

.logo-wrap {
  align-items: center; }
  .logo-wrap > a {
    display: block;
    position: relative; }
    .logo-wrap > a:after {
      content: "";
      position: absolute;
      right: -30px;
      top: 0;
      width: 2px;
      height: 100%;
      display: block;
      background: #fff; }

.website {
  margin: 0;
    margin-left: 55px;
  font-size: 20px;
  color: #ffc627;
  font-weight: bold; }

.website > .kouhao {
  width: 190px;
  vertical-align: baseline; }

.contact-wrap > .website {
  font-size: 22px;
  font-family: "宋体"; }

.contact-wrap > .website-phone > img {
  vertical-align: baseline;
  margin-right: 5px; }

/* @info navigation
 * ---------------------------
 */
.navgitaion {
  position: relative;
  z-index: 999;
  height: 50px;
  background: #fff; }
  .navgitaion > .flex-row {
    padding: 0; }

.navgitaion2, .navgitaion2 .navbar-header {
  background: -webkit-linear-gradient(to right, #00d39f 0%, #0080e9 40%);
  background: -o-linear-gradient(to right, #00d39f 0%, #0080e9 40%);
  background: -moz-linear-gradient(to right, #00d39f 0%, #0080e9 40%);
  background: linear-gradient(to right, #00d39f 0%, #0080e9 40%); }
  .navgitaion2 .search-icon {
    background-color: transparent; }
  .navgitaion2 .search-iconback {
    background-color: rgba(20, 63, 189, 0.3); }
  .navgitaion2 .icon-bar {
    background-color: #fff !important; }

.navbar-fixed-top {
  background: -webkit-linear-gradient(to right, #00d39f 0%, #0080e9 40%) !important;
  background: -o-linear-gradient(to right, #00d39f 0%, #0080e9 40%) !important;
  background: -moz-linear-gradient(to right, #00d39f 0%, #0080e9 40%) !important;
  background: linear-gradient(to right, #00d39f 0%, #0080e9 40%) !important; }
  .navbar-fixed-top .navbar-collapse {
    background: #fff; }
  .navbar-fixed-top .icon-bar {
    background-color: #fff !important; }
  .navbar-fixed-top .search-icon {
    background-color: transparent; }
  .navbar-fixed-top .search-iconback {
    background-color: rgba(20, 63, 189, 0.3); }

.navbar {
  width: 100%;
  margin-bottom: 0;
  background: #fff;
  border: none; }

.nav.navbar-nav, .navbar-form {
  margin: 0; }

.navbar-collapse {
  padding: 0; }

.search-icon {
  display: block;
  width: 50px;
  height: 50px;
  background: url(data:image/png;base64,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) no-repeat center;
  background-color: #0080e9;
  background-size: 50%;
  cursor: pointer; }
  .search-icon > .fa-search:before {
    color: #fff; }

.searchs > .fa-search:before {
  color: #fff; }

  .navbar-nav > li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    background: #0080e9;
    opacity: 0; }
  .navbar-nav > li:hover:after {
    opacity: 1; }
  .navbar-nav .active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    background: #0080e9;
    opacity: 1; }
  .navbar-nav .active > a {
    background: none !important; }
  .navbar-nav .open > a {
    background: none !important; }
  .navbar-nav .dropdown-menu {
    padding: 0;
    background: rgba(1, 128, 233, 0.7);
    border: none; }
    .navbar-nav .dropdown-menu a {
      padding: 10px 15px;
      color: #fff; }

.toggle-form form {
  float: right !important; }

.toggle-form .form-group {
  position: relative; }
  .toggle-form .form-group i {
    position: absolute;
    top: 9px;
    right: 10px; }
    .toggle-form .form-group i:before {
      color: #ded4d4; }

.toggle-form input {
  border: 1px solid #ded4d4;
  border-radius: 0;
  padding-right: 22px !important; }

.toggle-form .form-control:focus {
  border-color: #ded4d4;
  box-shadow: none; }

.fixed-search {
  position: fixed;
  width: 100%;
  top: 50px;
  left: 0;
  z-index: 999; }

#toggles {
  padding: 0; }

.navgitaion2 + .toggle-form, .navgitaion2 .navbar-header + .toggle-form {
  position: fixed;
  width: 100%;
  top: 50px;
  left: 0;
  z-index: 999; }

@media (min-width: 768px) {
  .navgitaion > .flex-row {
    padding: 0; }
  .navgitaion .container-fluid {
    padding: 0; }
  .nav.navbar-nav, .navbar-form {
    padding: 0; }
  .navbar-form {
    margin: 8px 0; }
  .toggle-form {
    display: none; }
  .about-cover > img {
    width: 100%;
    top: -50px;
    right: -50px; }
  .about-content > .cont {
    height: 100%;
    padding: 5%; }
  .navgitaion2 .navbar {
    background: none; }
    .navgitaion2 .navbar a {
      color: #fff !important; }
  .navgitaion2 .navbar-nav li:after {
    height: 4px;
    background: #fff; }
  .navbar-fixed-top .navbar-nav li:after {
    height: 4px;
    background: #fff; }
  .navbar-fixed-top .navbar-collapse {
    background: none; }
  .navbar-fixed-top .navbar-ex1-collapse a {
    color: #fff !important; }
  .dropdown-menu {
    padding: 10px 0 !important; }
    .dropdown-menu a:hover {
      color: #fff !important;
      background: rgba(0, 128, 233, 0.7) !important; } }

@media (min-width: 992px) {
  .navgitaion > .flex-row {
    padding: 0 15px; }
  .navgitaion .container-fluid {
    padding: 0; }
  .navbar-nav .dropdown:hover .dropdown-menu {
    display: block; }
  .about-cover > img {
    top: -100px;
    right: -100px;
    width: 90%; }
  .about-content > .cont {
    height: 90%;
    padding: 5%;
      padding-left: 20%; }
  .navgitaion2 .navbar {
    background: none; }
    .navgitaion2 .navbar a {
      color: #fff !important; }
  .navbar-fixed-top #toggles {
    padding: 0 15px; } }
/* @info footer
 * -------------------------
 */
.footer-wrapper {
  padding: 50px 0;
  overflow: hidden;
  background: #1e1d1c;
  letter-spacing: 4px; }
  .footer-wrapper .lists > div {
    position: relative; }
  .footer-wrapper a {
    color: #fff; }
  .footer-wrapper ul {
    position: relative;
    margin-top: 30px;
    margin-bottom: 0; }
  .footer-wrapper li {
    padding: 5px 0;
    font-size: 12px; }
    .footer-wrapper li > a {
      color: #535251; }
  .footer-wrapper .contacts {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: flex-end; }
    .footer-wrapper .contacts * {
      color: #fff; }
    .footer-wrapper .contacts > h3 {
      margin: 10px 0; }
  .footer-wrapper .social-icon {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 13px 0; }
    .footer-wrapper .social-icon > a {
      display: block;
      width: 25px;
      height: 25px;
      background: #fff;
      border-radius: 5px;
      overflow: hidden; }
    .footer-wrapper .social-icon > a:not(:last-child) {
      margin-right: 5px; }
    .footer-wrapper .social-icon i {
      display: block;
      width: 100%;
      height: 100%; }

.weibo {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACCklEQVRIS+2W7zEEQRDF30VABogAESACRIAIEAEiQASI4IgAESACRIAIqJ/q3mqzMzt7rLov11X74eZPv+7Xr3tupCnZaEq4mgH/lfkzSXOS7iTdSHovORya6l1JK5K2LIBDSZc58KGBIwZBwADAByn40MCAvBnN0E32D5I2jP4GfxJgot+RNG9OtjM1hOJ1SfuS9izbY0lrBj4RMEC3Fn1k7EoSdGKLkhYk3dtvwK/DnWdJS5Je3EEt4xIo9x/NOfXjHIZjmGAPqqGeD3XDBmvf1gXcBdrVdrQRIC4oSkT2UE5AVWAOb/6isaEbqjutlDHRntYuF/ahkw8NNDXt004IhRbwunHnyehqamT7ZAatCCtnruzWXi5jxEDbYB+mXGjHUvW6wy6GsqzmFj8DKBkhCAbBRWgPVJqOQ87Sdqm1hgcHUuB4+cSUCOVQT7Y1p5EtP9sr4wjskcY1ak0AvEBYHCL8pt7jEF2632yl0eCUKYOlwN4mPn9zwEwySuL2Y1pFunI0eP96tFBNWxDQqvWo15Ip5cLDL6pnLmNFRedqzJoDQadfJksAYtu4BjwRJtNRoQQtcZQGCJQDtGxv6rll7RMJBnw4cJZhQ32rmXYqLoRHFvSo/53JDRDYwNAANS5Oq1qNW7SYQ7IlO6/hq4H4K9QLsG/GuSAGWau9x4OA5JzMgP+N2tTxF6yOcR+yfAg6AAAAAElFTkSuQmCC) no-repeat center; }

.wechat {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABmklEQVRIS92V7TFEQRBFz0bARoAMbAR2I0AEiIAMEAEiIAM2AkSADIgAEVDn1Yxq432MVbU/9J9Xr6dnbvft2zMjlmCjJWBQA7KeEnleNKE2kFXgENgBNouDH4E74AKoBi1BjoBjQKAhOwFOh4JcjyBXwF7NphBzA+wO7ckgUnMdgueA1FjZSuGXJunMJnXGdVoGceNaiBoDb4n/reDP8fYl+jf6euQmm/tQpOEhuZK4FP3vKcb1c0DqWk2QKXA7xGtYf0mHfqS9ikSZy4aJ/VDeb0HuAQVyNqBAK1N5Ut6oq42utsKeAkBN4VY1E6irkW2HHACXhdL83S6UplKziBrlZRCrsalRrhHIPrge52iS+vCaAs1cn1RFiY/jMO4XmUYQ58YGR9nWUGbMrLxWuvpjE00iztLCIHny8wzkzK2k5L8WZFJWIp/KLn/jQX10dgEq+WkJIu+NtjusvE76qpENh/RLwrWlm4TXx5AAVKPUq7iql7EtAanzPekSwrebueb57atSOvLzLM1m7l1oAn4b+ytIFc3/B+QTqPxS2scycMUAAAAASUVORK5CYII=) no-repeat center; }

.qq {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABHklEQVQ4T62V61ECMRRGDxWgHUgFSAVoB1ABUgFQAXSAHSgdQAVAB1gBlmAHMIfZZTIxrCZD/uzO5ubkPr9t0bzegBHwEpjtgDWwAn7i460bvAdgCzw33CdsXMGvZingf2DhPT3gUH9IARfA/I9UhNum4LUJaCjtDKCmHeDbl9hDk2/ucpe5/EwBp8Ayl1ZV3I745aHJ7RYAr6w45FMhzGOP9mUINAc2cemy0rsamNsqqUutckfgE3AsdSs6Nxb4DkzuBNwItNP7dwLua6BhCy4tyr4SkoNAp8P+UxR85o6dwQ1rKYv7ULnS0xzoBhikxMGwnWOfucvCzuLRcxY/ckmB/UUXw5DNoeKg++E8f1Wt5SS5Z85DJVfu3PO3wBnhYC/lcGBoPwAAAABJRU5ErkJggg==) no-repeat center; }

.copyright {
  padding: 10px 0;
  background: #02050a;
  font-size: 12px;
  color: #898989; }

@media (min-width: 768px) {
  .footer-wrapper > .flex {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between; }
  .footer-wrapper .lists {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between; }
    .footer-wrapper .lists > div:not(:last-child):after {
      content: "";
      position: absolute;
      top: 10px;
      right: 0;
      height: 50%;
      width: 1px;
      background: #535251; }
    .footer-wrapper .lists > div:nth-child(2):after {
      height: 150px; } }
@charset "UTF-8";
.products-item img, .products-item .desc-content, .products-item .desc-title.desc-title > span, .products-item .desc-title.desc-title .more, .about-content, .enterprise-navbar li, .enterprise-content .cover > img, .enterprise-content .m-item {
  -webkit-transition: all .5s linear 0s;
  -moz-transition: all .5s linear 0s;
  -o-transition: all .5s linear 0s;
  -ms-transition: all .5s linear 0s;
  transition: all .5s linear 0s; }

.slide-wrapper {
  width: 100%;
  max-width: 1920px;
  max-height: 550px;
  overflow: hidden;
  margin: 0 auto; }

.carousel.slide {
  height: 100%; }

#carousel-id {
  max-height: 550px; }

.carousel-inner img {
  width: 100%;
  max-height: 550px; }

.carousel-control {
  width: 35%; }

/* @info 产品展示
 * ---------------------------------
 */
.products-item {
  position: relative;
  padding: 8px;
  overflow: hidden; }
  .products-item:hover .desc {
    bottom: 0;
    transform: matrix(1, 0, 0, 1, 0, -7.5);
    -webkit-transform: matrix(1, 0, 0, 1, 0, -7.5);
    -moz-transform: matrix(1, 0, 0, 1, 0, -7.5);
    -ms-transform: matrix(1, 0, 0, 1, 0, -7.5);
    -o-transform: matrix(1, 0, 0, 1, 0, -7.5); }
  .products-item:hover img {
    transform: scale(1.1); }
  .products-item:hover .desc-content {
    padding-top: 10px;
    padding-bottom: 30px;
    background: rgba(1, 128, 233, 0.7); }
  .products-item:hover .desc-title {
    margin-top: 20px !important;
    padding: 0px !important;
    color: #fff !important; }
    .products-item:hover .desc-title > span {
      color: #ffffff !important;
      font-weight: bold; }
    .products-item:hover .desc-title .more {
      display: none; }
  .products-item:hover .desc-text {
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0); }
  .products-item > a {
    display: block;
    width: 100%;
    overflow: hidden; }
  .products-item img {
    display: block;
    width: 100%;
    height: auto; }
  .products-item .desc {
    position: absolute;
    width: 100%;
    bottom: -34px;
    left: 0;
    padding: 0 8px;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s, all 300ms linear 0s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s, all 300ms linear 0s;
    transition: transform 0.4s, opacity 0.1s 0.3s, all 300ms linear 0s;
    transform: matrix(1, 0, 0, 1, 0, 11.5);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 11.5);
    -moz-transform: matrix(1, 0, 0, 1, 0, 11.5);
    -ms-transform: matrix(1, 0, 0, 1, 0, 11.5);
    -o-transform: matrix(1, 0, 0, 1, 0, 11.5); }
  .products-item .desc-content {
    background: rgba(255, 255, 255, 0.8);
    padding: 0 8px;
      padding-top: 30px; }
  .products-item .desc-title.desc-title {
    left: 0;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    color: #969696;
    font-size: 15px;
    font-family: '宋体'; }
    .products-item .desc-title.desc-title > span {
      color: #0080e9; }
    .products-item .desc-title.desc-title .more {
      float: right;
      color: #969696;
      font-size: 14px;
      font-weight: 300;
      transform: scale(0.8); }
      .products-item .desc-title.desc-title .more > i {
        margin-left: 7px; }
  .products-item .desc-text {
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 60);
    transition: all .6s linear 0s; }

.products-item1 .desc-title, .products-item2 .desc-title, .products-item3 .desc-title, .products-item4 .desc-title, .products-item5 .desc-title, .products-item6 .desc-title, .products-item7 .desc-title, .products-item8 .desc-title {
  transform: matrix(1, 0, 0, 1, 0, 60);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 60);
  -moz-transform: matrix(1, 0, 0, 1, 0, 60);
  -ms-transform: matrix(1, 0, 0, 1, 0, 60);
  -o-transform: matrix(1, 0, 0, 1, 0, 60); }

.products-item1 .desc-title {
  transition: all 0.3s; }

.products-item2 .desc-title {
  transition: all 0.6s; }

.products-item3 .desc-title {
  transition: all 0.9s; }

.products-item4 .desc-title {
  transition: all 1.2s; }

.products-item5 .desc-title {
  transition: all 1.5s; }

.products-item6 .desc-title {
  transition: all 1.8s; }

.products-item7 .desc-title {
  transition: all 2.1s; }

.products-item8 .desc-title {
  transition: all 2.4s; }

/* @info About us
 * ---------------------------------
 */
.about-us {
  position: relative;
  height: 350px;
  background: -webkit-linear-gradient(left, #0ba2f1 0%, #00d39f 100%);
  background: -o-linear-gradient(left, #0ba2f1 0%, #00d39f 100%);
  background: -moz-linear-gradient(left, #0ba2f1 0%, #00d39f 100%);
  background: linear-gradient(to right, #0ba2f1 0%, #00d39f 100%); }
  .about-us div {
    height: 100%; }
  .about-us > .background-iamge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(/assets/images/xingkong.png) no-repeat center;
    background-size: cover; }

.about-cover {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2; }
  .about-cover > img {
    position: absolute;
    display: block;
    top: -35px;
    right: -100px;
    width: 100%;
    height: auto;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, -100);
    transition: all 0.4s; }

.about-text {
  position: absolute;
  bottom: 0;
  z-index: 9;
  height: 20% !important;
  color: #fff;
  font-family: "宋体";
  letter-spacing: 15px;
  font-size: 18px;
  transform: matrix(1, 0, 0, 1, 0, 100);
  transition: all 1.4s; }

.dot1, .dot2, .dot3, .dot4, .dot5, .dot6 {
  position: absolute;
  z-index: 10;
  display: block;
  background: radial-gradient(circle at 26% 120%, #8efaa1, #8efaa1 9%, #0080e9 77%, #0080e9 100%);
  border-radius: 50%;
  transform: matrix(1, 0, 0, 1, 0, 500) rotate(90deg);
  opacity: 0; }

.dot1 {
  width: 30px;
  height: 30px; }

.dot2 {
  width: 60px;
  height: 60px; }

.dot3 {
  width: 90px;
  height: 90px; }

.dot4 {
  width: 45px;
  height: 45px; }

.dot5 {
  width: 75px;
  height: 75px; }

.dot6 {
  width: 105px;
  height: 105px; }

.dot6 {
  right: 75px;
  top: -55px;
  transform: matrix(1, 0, 0, 1, 0, 500) rotate(185deg);
  transition: all 1.6s; }

.dot5 {
  transform: matrix(1, 0, 0, 1, 0, 500) rotate(0deg);
  transition: all 1.3s; }

.dot4 {
  transition: all 1s; }

.dot1 {
  transition: all .7s; }

.dot3 {
  transition: all .4s; }

.about-content {
  position: relative;
  z-index: 3;
  color: #fff;
  letter-spacing: 2px; }
  .about-content > .cont {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 85%;
    padding: 2% 5%;
    background: -webkit-linear-gradient(left, rgba(77, 185, 210, 0.3), rgba(55, 216, 239, 0.4));
    background: -o-linear-gradient(left, rgba(77, 185, 210, 0.3), rgba(55, 216, 239, 0.4));
    background: -moz-linear-gradient(left, rgba(77, 185, 210, 0.3), rgba(55, 216, 239, 0.4));
    background: linear-gradient(to right, rgba(77, 185, 210, 0.3), rgba(55, 216, 239, 0.4));
    font-size: 12px;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 400);
    transition: all .8s; }
  .about-content .animate-p {
    margin-top: 30px;
    line-height: 24px;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 500);
    transition: all 1.2s; }
  .about-content .tit {
    position: relative;
    font-size: 20px;
    font-weight: 300;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 450);
    transition: all 1s; }
    .about-content .tit:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -15px;
      width: 5%;
      height: 3px;
      background: #fff; }
    .about-content .tit > span {
      font-family: "宋体"; }
  .about-content .more {
    position: relative;
    display: block;
    width: 130px;
    padding: 6px 10px;
    margin-top: 30px;
    color: #fff;
    border: 2px solid;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 500);
    transition: all 1.4s; }
    .about-content .more > i {
      vertical-align: sub; }

/* @info 企业咨询
 * -------------------
 */
.enterprise-navbar {
  padding: 20px 0; }
  .enterprise-navbar a {
    color: #898989; }
  .enterprise-navbar > ul {
    justify-content: space-between;
    align-items: center;
    padding: 0; }
  .enterprise-navbar li {
    position: relative;
    padding: 5px 0; }
    .enterprise-navbar li:not(:last-child):after {
      content: "";
      position: absolute;
      top: 0;
      right: -27%;
      height: 100%;
      width: 1px;
      background: #ded4d4; }
    .enterprise-navbar li:hover {
      background: #0080e9; }
      .enterprise-navbar li:hover > a {
        color: #fff; }
  .enterprise-navbar .active {
    background: #0080e9; }
    .enterprise-navbar .active > a {
      color: #fff; }

.enterprise-content .cover {
  position: relative;
  overflow: hidden; }
  .enterprise-content .cover > img:hover {
    transform: scale(1.1); }
  .enterprise-content .cover > .cover-tit {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 8px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 16px; }

.enterprise-content .enterpise-desc {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between; }

.enterprise-content .m-item {
  padding: 10px 0;
  overflow: auto; }
  .enterprise-content .m-item:hover {
    background: #efefef; }
  .enterprise-content .m-item > div {
    padding-left: 0; }

.enterprise-content .date {
  padding-left: 30px;
  text-align: left; }
  .enterprise-content .date > p {
    font-family: "宋体"; }

.enterprise-content h2 {
  margin-top: 10px;
  font-family: "宋体"; }

.enterprise-content h5 {
  color: #333;
  font-family: '宋体'; }

.enterprise-content p {
  font-size: 12px;
  color: #898989; }

@media (min-width: 992px) {
  .enterprise-content .date {
    text-align: right; } }
@charset "UTF-8";
.products-wrap .des, .products-wrap .des-tit:after, .products-wrap .checkout, .change-cover li:after {
  -webkit-transition: all .5s linear 0s;
  -moz-transition: all .5s linear 0s;
  -o-transition: all .5s linear 0s;
  -ms-transition: all .5s linear 0s;
  transition: all .5s linear 0s; }

/*  @info products_display.html
 *  产品展示页样式
 * --------------------------------
 */
.products-display-cover {
  height: 300px;
  background: url(/assets/images/bg_product.jpg) no-repeat center;
  background-size: cover; }

.breadcrumb {
  padding: 9px 15px;
  border-radius: 0; }
  .breadcrumb > li + li:before {
    content: "\F105";
    padding: 0 5px;
    color: #ccc; }
  .breadcrumb a, .breadcrumb li {
    color: #898989; }

.products-wrap {
  justify-content: space-between; }
  .products-wrap .tit {
    margin-bottom: 20px;
    padding: 20px 0;
    background: #0080e9;
    overflow: auto; }
    .products-wrap .tit li {
      position: relative;
      padding: 20px 0;
      background: #0080e9; }
    .products-wrap .tit .active, .products-wrap .tit li:hover {
      background: -webkit-linear-gradient(to right, #00d39f 0%, #0080e9 60%);
      background: -o-linear-gradient(to right, #00d39f 0%, #0080e9 60%);
      background: -moz-linear-gradient(to right, #00d39f 0%, #0080e9 60%);
      background: linear-gradient(to right, #00d39f 0%, #0080e9 60%); }
    .products-wrap .tit a {
      color: #fff; }
  .products-wrap .cont-wrapper {
    overflow: auto; }
    .products-wrap .cont-wrapper a {
      color: #3e3a39; }
  .products-wrap .cont-item {
    padding: 0;
    margin-bottom: 30px; }
    .products-wrap .cont-item > a {
      display: block;
      border: 1px solid rgba(206, 205, 205, 0.5); }
    .products-wrap .cont-item:hover .des {
      background: #0080e9;
      color: #fff; }
    .products-wrap .cont-item:hover .checkout {
      background: #fff;
      color: #0080e9; }
    .products-wrap .cont-item:hover .des-tit:after {
      background: #fff; }
  .products-wrap .des {
    padding: 12px; }
  .products-wrap .des-tit {
    position: relative;
    margin: 0;
    padding-bottom: 10px;
    font-size: 16px; }
    .products-wrap .des-tit:after {
      content: "";
      position: absolute;
      width: 50%;
      height: 1px;
      bottom: 0;
      left: 0;
      background: #3e3a39; }
  .products-wrap .des-text {
    font-size: 12px;
    padding: 14px 0; }
  .products-wrap .checkout {
    padding: 5px 10px;
    background: #0080e9;
    border: none;
    color: #fff;
    font-size: 12px; }

/*  @info products_detail.html
 *  产品详情页样式
 * --------------------------------
 */
.detail-cover {
  margin-bottom: 20px; }
  .detail-cover .detail-cover-image {
    width: 100%;
    height: 341px; }
  .detail-cover .back {
    padding: 8px 15px;
    font-size: 14px; }

.details-detail-desc {
  color: #898989;
  text-decoration: none; }
  .details-detail-desc > h2 {
    margin-top: 0;
    font-size: 22px; }
  .details-detail-desc > p {
    font-size: 12px;
    line-height: 20px; }

.change-cover {
  flex-wrap: wrap;
  margin-top: 10px;
  overflow: hidden; }
  .change-cover li {
    position: relative;
    width: 80px;
    height: 80px; }
    .change-cover li:not(:last-child) {
      margin-right: 6px; }
    .change-cover li:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -6px;
      width: 100%;
      height: 2px;
      background: #0080e9;
      opacity: 0; }
    .change-cover li:hover:after {
      opacity: 1; }
  .change-cover .active:after, .change-cover .products-wrap .tit li:hover:after, .products-wrap .tit .change-cover li:hover:after {
    opacity: 1; }
  .change-cover img {
    height: 100%; }

.change-cover-mobile li {
  float: left;
  width: 65px;
  height: 65px; }
  .change-cover-mobile li:not(:last-child) {
    margin-right: 5px; }

@media (min-width: 768px) {
  .products-wrap .cont-item {
    padding: 0 15px; }
  .turn-page > .right {
    text-align: right; } }

@media (min-width: 992px) {
  .products-wrap .tit li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 1px;
    background: #fff; }
  .products-wrap .tit li:last-child:after {
    display: none; }
  .products-wrap .cont-item {
    padding: 0 15px; } }
@charset "UTF-8";
.contact-form button {
  -webkit-transition: all .5s linear 0s;
  -moz-transition: all .5s linear 0s;
  -o-transition: all .5s linear 0s;
  -ms-transition: all .5s linear 0s;
  transition: all .5s linear 0s; }

/*  @info contact.html
 *  联系我们页面样式
 * --------------------------------
 */
.contact-display-cover {
  background: url(/assets/images/bg_contact.jpg) no-repeat center;
  background-size: cover; }
  .contact-display-cover .cover-title {
    color: #fff; }

.contact-wrap {
  position: relative;
  overflow: hidden; }
  .contact-wrap .covers {
    position: relative;
    margin-bottom: 20px;
    background: #0080e9;
    color: #fff;
    letter-spacing: 3px; }
    .contact-wrap .covers > img {
      position: absolute;
      bottom: 0;
      width: 30%; }
    .contact-wrap .covers > div {
      margin: 30px 0; }
  .contact-wrap h3 {
    letter-spacing: 10px; }
  .contact-wrap h2, .contact-wrap h3 {
    margin: 10px 0; }

.contact-form > form {
  margin-top: 10px; }

.contact-form .input-group {
  width: 100%;
  height: 40px;
  position: relative;
  background: #0080e9;
  padding: 1px;
  margin-bottom: 10px; }
  .contact-form .input-group i {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #0080e9;
    text-align: center;
    line-height: 40px; }
    .contact-form .input-group i:before {
      color: #fff; }
  .contact-form .input-group input {
    padding-left: 45px; }

.contact-form input {
  width: 100%;
  height: 100%;
  border: none;
  font-size: 12px; }

.contact-form h3 {
  margin: 0;
    margin-bottom: 10px;
  color: #0080e9;
  letter-spacing: 3px; }

.contact-form p {
  color: #898989; }

.contact-form .buttons {
  height: 35px;
  text-align: center; }

.contact-form button {
  width: auto;
  padding: 0 20px;
  line-height: 35px;
  color: #fff;
  background: #0080e9;
  border: none; }
  .contact-form button:hover {
    opacity: .5; }

.qrcode {
  margin-top: 30px;
  font-size: 12px;
  letter-spacing: 2px; }
  .qrcode div {
    margin-bottom: 10px; }
  .qrcode img {
    width: 100%; }

/*  @info join.html
 *  加入我们页面样式
 * --------------------------------
 */
.join-display-cover {
  background: url(/assets/images/bg_join.jpg) no-repeat center;
  background-size: cover; }
  .join-display-cover .cover-title {
    color: #fff; }

.panel {
  border: none; }

.panel-heading {
  border: none;
  color: #0080e9 !important;
  font-size: 20px; }

.panel-body p {
  font-size: 12px;
  line-height: 22px; }

.join-des {
  border: 1px solid #0080e9;
    border-left: 0;
    border-right: 0;
  padding: 20px 15px;
  color: #0080e9;
  line-height: 25px;
  letter-spacing: 3px; }

.join {
  margin-bottom: 50px; }

@media (min-width: 768px) {
  .contact-form .input-group {
    width: 65%; }
  .contact-form .buttons {
    text-align: right;
    background: #fff; }
    .contact-form .buttons button {
      width: 100px; } }
@charset "UTF-8";

/*  @info distribution.html
 *  经销商页面样式
 * --------------------------------
 */
.distribution-display-cover {
  background: url(/assets/images/bg_dis.jpg) no-repeat center 62%;
  background-size: cover; }

.distribution-jumbotron {
  position: relative;
  padding: 48px 0 !important;
  background: #fff;
  line-height: 30px;
  color: #0080e9; }
  .distribution-jumbotron > h2 > img {
    width: 250px; }
  .distribution-jumbotron > p {
    position: relative;
    padding: 30px;
    background: -webkit-linear-gradient(to left, #2ecfe0 0, #0080e9 95%);
    background: -o-linear-gradient(to left, #2ecfe0 0, #0080e9 95%);
    background: -moz-linear-gradient(to left, #2ecfe0 0, #0080e9 95%);
    background: linear-gradient(to left, #2ecfe0 0, #0080e9 95%);
    color: #fff;
    font-size: 12px; }
    .distribution-jumbotron > p > span {
      display: block;
      width: 100%; }
  .distribution-jumbotron > .map {
    position: absolute;
    bottom: -35%;
    right: -106px;
    width: 100%;
    height: 160%;
    background: url(/assets/images/map.png) no-repeat right bottom;
    background-size: 50%; }

.distributor-header {
  max-height: 35px;
  overflow: hidden;
  margin-bottom: 30px; }
  .distributor-header > div {
    position: relative; }
  .distributor-header ul {
    position: relative;
    height: 30px;
    line-height: 30px;
    overflow: hidden; }
  .distributor-header li {
    /*position: absolute;*/
    height: 30px;
    overflow: hidden;
    padding: 0 10px;
    text-align: center; }
    .distributor-header li a {
      color: #898989; }

  .distributor-header .active {
    font-size: 20px; }
  .distributor-header .active a {
    color: #0080e9; }

  .distributor-header .distributor-turn {
    position: absolute;
    top: 0;
    height: 100%;
    width: 20px;
    text-align: center;
    font-size: 16px;
    color: #898989;
    line-height: 35px; }
  .distributor-header .distributor-prev {
    right: -20px; }
  .distributor-header .distributor-next {
    left: -20px; }

.distributor-wrap {
  overflow: hidden;
  margin-bottom: 50px; }

.distributor-cont > div {
  margin-bottom: 20px; }

.distributor-cont > div > div {
  background: #efefef;
  overflow: hidden; }
  .distributor-cont > div > div:hover {
    background: #0080e9; }
    .distributor-cont > div > div:hover .caption {
      background: #0080e9;
      color: #fff !important;
      -webkit-transition: -webkit-transform 0.4s;
      -moz-transition: -moz-transform 0.4s;
      transition: transform 0.4s;
      transform: matrix(1, 0, 0, 1, 0, -30);
      -webkit-transform: matrix(1, 0, 0, 1, 0, -40);
      -moz-transform: matrix(1, 0, 0, 1, 0, -40);
      -ms-transform: matrix(1, 0, 0, 1, 0, -40);
      -o-transform: matrix(1, 0, 0, 1, 0, -40); }
      .distributor-cont > div > div:hover .caption h3 {
        color: #fff; }
        .distributor-cont > div > div:hover .caption h3:after {
          background: #fff; }

.distributor-cont .thumbnail {
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
  border: none; }

.distributor-cont .caption {
  position: relative;
  padding: 0 10px;
    padding-bottom: 20px;
  background: #efefef;
  color: #898989;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  transform: matrix(1, 0, 0, 1, 0, 14.184);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 14.184);
  -moz-transform: matrix(1, 0, 0, 1, 0, 14.184);
  -ms-transform: matrix(1, 0, 0, 1, 0, 14.184);
  -o-transform: matrix(1, 0, 0, 1, 0, 14.184); }
  .distributor-cont .caption h3 {
    position: relative;
    margin: 0;
    padding: 20px 0;
      padding-bottom: 10px;
    color: #727171; }
    .distributor-cont .caption h3:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 25%;
      height: 3px;
      background: #727171; }

.distributor-cont address {
  padding: 15px 0;
  line-height: 26px; }

@media (min-width: 992px) {
  .distribution-jumbotron {
    margin-bottom: 250px; }
    .distribution-jumbotron > p > span {
      width: 40%; }
    .distribution-jumbotron > h2 > img {
      width: 280px; } }
@charset "UTF-8";
.news-items .clicks, .turn-page a {
  -webkit-transition: all .5s linear 0s;
  -moz-transition: all .5s linear 0s;
  -o-transition: all .5s linear 0s;
  -ms-transition: all .5s linear 0s;
  transition: all .5s linear 0s; }

/*  @info new_list.html
 *  新闻列表页面样式
 * --------------------------------
 */
.news-display-cover {
  background: url(/assets/images/bg_nc.jpg) no-repeat center;
  background-size: cover; }

.information-display-cover {
  background: url(/assets/images/bg_indu.jpg) no-repeat center;
  background-size: cover; }

.active-display-cover {
  background: url(/assets/images/bg_di.jpg) no-repeat center;
  background-size: cover; }

.news-items {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 35px;
  overflow: hidden;
  border-bottom: 1px solid #ded4d4; }
  .news-items:last-child {
    border: none; }
  .news-items > .news-img {
    overflow: hidden;
    margin-bottom: 20px; }
  .news-items .tit {
    margin: 0;
      margin-bottom: 20px;
    font-size: 20px;
    letter-spacing: 3px; }
    .news-items .tit a {
      color: #333; }
  .news-items .cont {
    width: 90%;
    color: #898989;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; }
  .news-items .date {
    color: #898989; }
  .news-items .clicks {
    position: absolute;
    bottom: 0;
    left: 15px;
    z-index: 1;
    padding: 6px 30px;
    color: #898989;
    border: 1px solid #ded4d4;
    font-size: 12px;
    border-radius: 25px; }
    .news-items .clicks:hover {
      background: #0080e9;
      color: #fff;
      border: 1px solid #0080e9; }

.page {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.pagination {
  margin: 0; }

.pagination > li > a, .pagination > li > span {
  padding: 6px 10px;
  border: none;
  color: #898989; }

.pagination > .active > a {
  background: none;
  color: #0080e9; }

/*  @info news_detail.html
 *  新闻详情页面样式
 * --------------------------------
 */
.news-article > .tit {
  margin-top: 10px;
  font-weight: bold;
  font-size: 22px; }

.news-article > .date {
  font-size: 12px;
  color: #898989; }

.news-article > .article-content {
  overflow: hidden; }
  .news-article > .article-content > div {
    padding: 0; }

.news-article .text {
  font-size: 14px;
  color: #898989;
  line-height: 30px;
  text-indent: 28px; }

.turn-page {
  margin-top: 50px;
  padding: 20px 0;
  border: 2px solid #ded4d4;
  overflow: hidden; }
  .turn-page i {
    margin: 0 10px; }
  .turn-page a {
    color: #898989; }
    .turn-page a:hover {
      color: #0080e9; }

@media (min-width: 768px) {
  .turn-page > .right {
    text-align: right; }
  .news-article > .article-content > div {
    padding: 0 15px; }
  .news-article > .article-content > .no-pdr {
    padding-right: 0; }
  .news-article > .article-content > .no-pdl {
    padding-left: 0; } }
@charset "UTF-8";
.series-wrapper > .img-circle, .video-cover, .video-cover > span > i, .swiper-container .swiper-wrapper, .swiper-container .swiper-slide {
  -webkit-transition: all .5s linear 0s;
  -moz-transition: all .5s linear 0s;
  -o-transition: all .5s linear 0s;
  -ms-transition: all .5s linear 0s;
  transition: all .5s linear 0s; }

/*  @info company—profile.html
 *  公司简介页面样式
 * --------------------------------
 */
.company-display-cover {
  background: url(/assets/images/bg_company.jpg) no-repeat center;
  background-size: cover; }

.green-friendly {
  background: url(/assets/images/bg_green.png) no-repeat center;
  background-size: cover;
  overflow: hidden; }
  .green-friendly .tit-img {
    width: 57%; }

.carton {
  background-color: #0080e9; }

.company-products {
  position: relative;
  margin-top: -5%;
  padding: 20px 0;
    padding-top: 5%;
  color: #fff; }
  .company-products .tit {
    font-size: 20px;  }
    .company-products .tit span {
      position: relative;
      padding: 0 20px; }
      .company-products .tit span:not(:last-child):after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 3px;
        height: 3px;
        background: #fff;
        border-radius: 50%; }
  .company-products .en-tit {
    font-size: 12px;
    font-family: "宋体"; }

.series-wrapper {
  justify-content: space-between;
  font-size: 18px;
  letter-spacing: 3.5px; }
  .series-wrapper > .img-circle {
    border: 3px solid #fff;
    overflow: hidden;
    font-weight: bold; }
    .series-wrapper > .img-circle:hover {
      background: #fff; }
      .series-wrapper > .img-circle:hover > a {
        color: #0080e9; }
    .series-wrapper > .img-circle a {
      display: block;
      color: #fff; }
  .series-wrapper > .active {
    background: #fff; }
    .series-wrapper > .active > a {
      color: #0080e9; }

.company-purpose {
  position: relative;
  padding: 50px 0;
    padding-top: 0;
  margin-top: -50px;
  margin-bottom: 10px; }
  .company-purpose > .cover {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    max-height: 550px;
    min-height: 200px; }
    .company-purpose > .cover > img {
      position: relative;
      z-index: 1; }
  .company-purpose .cover-tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff; }
    .company-purpose .cover-tit > h5 {
      padding: 20px;
      display: inline-block;
      font-size: 20px;
      letter-spacing: 5px;
      background: -webkit-linear-gradient(left bottom, rgba(54, 175, 145, 0.7) -30%, rgba(0, 140, 255, 0.8) 159%);
      background: -o-linear-gradient(left bottom, rgba(54, 175, 145, 0.7) -30%, rgba(0, 140, 255, 0.8) 159%);
      background: -moz-linear-gradient(left bottom, rgba(54, 175, 145, 0.7) -30%, rgba(0, 140, 255, 0.8) 159%);
      background: linear-gradient(left bottom, rgba(54, 175, 145, 0.7) -30%, rgba(0, 140, 255, 0.8) 159%); }
    .company-purpose .cover-tit > p {
      font-size: 12px;
      letter-spacing: 10px; }
  .company-purpose > .cont {
    position: relative;
    width: 100%;
    padding: 0 15px; }
    .company-purpose > .cont > p {
      position: relative;
      top: -3px;
      width: 95%;
      height: 100%;
      padding: 5%;
      background: #fff;
      text-align: center;
      line-height: 35px;
      color: #898989; }
      .company-purpose > .cont > p:after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 3px;
        background: #fff; }
    .company-purpose > .cont > .dot {
      justify-content: center;
      margin-top: 10px; }
      .company-purpose > .cont > .dot > span {
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin: 0 5px; }

.story .tit {
  margin: 0;
  color: #00d39f;
  font-size: 20px; }
  .story .tit > span {
    position: relative;
    display: inline-block;
    padding: 5px 20px; }
    .story .tit > span:not(:last-child):after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: #00d39f; }

.story .en-tit {
  color: #00d39f;
  font-size: 12px;
  margin-top: 5px;
  text-transform: uppercase;
  font-family: "宋体"; }

.story .int {
  position: relative;
  font-size: 15px;
  color: #898989;
  line-height: 24px;
  margin-bottom: 50px;
  letter-spacing: 2px;
  padding-bottom: 50px; }
  .story .int:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    height: 1px;
    margin-left: -50px;
    background: #00d39f; }

.history-items {
  padding: 50px 0; }

.timeline-title {
  font-family: "宋体" !important; }

.timeline-badge {
  z-index: 1; }
  .timeline-badge > .line {
    position: absolute;
    top: 24px;
    left: 50%;
    margin-left: -2px;
    width: 4px;
    z-index: 0; }

#list1 > .line {
  background: -webkit-linear-gradient(to bottom, #00d39f 39%, rgba(1, 128, 233, 0.5) 75%);
  background: -o-linear-gradient(to bottom, #00d39f 39%, rgba(1, 128, 233, 0.5) 75%);
  background: -moz-linear-gradient(to bottom, #00d39f 39%, rgba(1, 128, 233, 0.5) 75%);
  background: linear-gradient(to bottom, #00d39f 39%, rgba(1, 128, 233, 0.5) 75%); }

#list2 > .line {
  background: -webkit-linear-gradient(to bottom, rgba(1, 128, 233, 0.5) 39%, #0080e9 75%);
  background: -o-linear-gradient(to bottom, rgba(1, 128, 233, 0.5) 39%, #0080e9 75%);
  background: -moz-linear-gradient(to bottom, rgba(1, 128, 233, 0.5) 39%, #0080e9 75%);
  background: linear-gradient(to bottom, rgba(1, 128, 233, 0.5) 39%, #0080e9 75%); }

#list3 > .line {
  min-height: 100px;
  background: -webkit-linear-gradient(to bottom, #0080e9 39%, #fff 75%);
  background: -o-linear-gradient(to bottom, #0080e9 39%, #fff 75%);
  background: -moz-linear-gradient(to bottom, #0080e9 39%, #fff 75%);
  background: linear-gradient(to bottom, #0080e9 39%, #fff 75%); }

/*  @info video.html
 *  视频宣传页面样式
 * --------------------------------
 */
.video-display-cover {
  background: url(/assets/images/bg_video.jpg) no-repeat center;
  background-size: cover; }

.video-tit {
  background: #efefef;
  color: #898989;
  margin: 0;
  padding: 20px; }

.video-cover {
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(11, 11, 11, 0.5); }
  .video-cover:hover {
    background: rgba(11, 11, 11, 0.8); }
  .video-cover > span {
    display: block;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 125px;
    border: 5px solid #fff;
    border-radius: 50%; }
    .video-cover > span:hover .pause {
      display: none; }
    .video-cover > span:hover .play {
      display: inline-block; }
    .video-cover > span > i:before {
      color: #fff; }
  .video-cover .play {
    display: none; }

/*  @info honor.html
 *  荣誉资质页面样式
 * --------------------------------
 */
.honor-display-cover {
  background: url(/assets/images/bg_honor.jpg) no-repeat center;
  background-size: cover; }

.honor-cover {
  position: relative; }
  .honor-cover > img {
    display: block;
    width: 100%; }
  .honor-cover > p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    line-height: 100px;
    background: rgba(10, 10, 10, 0.2);
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 2px; }

.swiper-container {
  position: relative;
  margin: 0 auto; }
  .swiper-container > .swiper-turn {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 5%;
    height: 100%;
    background: #efefef; }
    .swiper-container > .swiper-turn > i {
      width: 100%;
      text-align: center;
      font-size: 40px; }
      .swiper-container > .swiper-turn > i:before {
        color: #898989; }
  .swiper-container > .swiper-turn-prev {
    right: 0; }
  .swiper-container > .swiper-turn-next {
    left: 0; }
  .swiper-container > div {
    width: 84%;
    margin: 0 auto;
    overflow: hidden;
    max-height: 250px; }
  .swiper-container .swiper-wrapper {
    width: 9999px; }
  .swiper-container .swiper-slide {
    position: relative;
    padding: 0 5px;
    float: left; }
    .swiper-container .swiper-slide img {
      width: 100%;
      height: 100%; }
  .swiper-container .active:after {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 97.5%;
    height: 4px;
    background: #0080e9; }

@media (min-width: 768px) {
  .company-products {
    position: relative;
    background: url(/assets/images/bg_company_rabbitman.png) no-repeat left;
    background-size: contain;
    margin-top: -5%;
    padding: 20px 0;
      padding-top: 5%; }
    .company-products .en-tit {
      letter-spacing: 20px; }
  .story .en-tit {
    letter-spacing: 20px; }
  .company-purpose > .cover > img {
    margin-top: -80px; }
  .company-purpose .cover-tit > h5 {
    padding: 50px;
    font-size: 36px; } }
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }

.timeline > li {
  margin-bottom: 20px;
  position: relative; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li > .timeline-panel {
  position: relative;
  padding: 20px;
  width: 46%;
  float: left; }

.timeline > li > .timeline-badge {
  position: relative;
  color: #fff;
  width: 30px;
  height: 30px;
  top: 55px;
  left: 50%;
  margin-left: -15px;
  z-index: 100;
  border-radius: 50%; }

.timeline > li.timeline-inverted > .timeline-panel {
  float: right; }

.timeline-badge.order {
  border: 4px solid #00d39f;
  box-shadow: 0px 0px 6px #00d39f; }

.timeline-badge.middle {
  border: 4px solid rgba(1, 128, 233, 0.5);
  box-shadow: 0px 0px 6px rgba(1, 128, 233, 0.5); }

.timeline-badge.younger {
  border: 4px solid #0080e9;
  box-shadow: 0px 0px 6px #0080e9; }

.timeline-title {
  margin-top: 0;
  font-size: 30px;
  color: #00d39f; }

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
  font-size: 15px;
  color: #898989;
  line-height: 26px; }

.timeline-body > p + p {
  margin-top: 5px; }

.middle .timeline-panel {
  text-align: right; }

@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px; }
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px); }
  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 55px; }
  ul.timeline > li > .timeline-panel {
    float: right; }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto; }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto; }
  .middle .timeline-panel {
    text-align: left; } }